@primaryColor: #00aaee;
@primaryBackGroundTextColor: #fff;
@mutedColor: #898989;
@mutedBackGroundTextColor: darken(@mutedColor,80%);
@borderRadius: 3px; 
@borderColor: #EFEFEF;
                                    
@import 'scss/reset';
@import 'scss/header';
@import 'scss/box';
@import 'scss/table';
@import 'scss/button';
@import 'scss/tags';
@import 'scss/user';
@import 'scss/itemList';
@import 'scss/comment';
@import 'scss/content';
@import 'scss/upDownPage';
@import 'scss/pagination';
//基础部分   
body {
    font-family: -apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,STHeiti,Microsoft Yahei,Tahoma,Simsun,sans-serif;
    background-color: #ECF0F1;
    color: #2e494e;
    font-size: 1rem;
    -webkit-font-smoothing: antialiased;
}  
a {
    color: #2e494e;
    &:hover {
        color: @primaryColor;
        text-decoration: none;
    }
}     
.detail-title {
    margin-top: 10px;
    margin-bottom: 10px;
    word-break: break-all;
    word-wrap: break-word;
    font-size: 30px;
    font-weight: 400;
    line-height: 36px;
}
.feed-title {
    width: 625px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-top: 10px;
    margin-bottom: 10px;
    word-break: break-all;
    word-wrap: break-word;
    font-size: 30px;
    font-weight: 400;
    line-height: 36px;
}
                
   
.search-form {
    position: relative;
    .search-input {
    }
    .search-btn {
        height: 38px;
        position: absolute;
        top: 0;
        right: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
}
  
.tap-list {
    overflow: hidden;
    margin-bottom: 0;
    list-style: none;
    padding-left: 0;
    li {
        float: left;
        a {
            padding: 0 16px;
            height: 42px;
            line-height: 39px;
            display: inline-block;
            margin: 0 1px;
        }
        &:hover {
            a {
                color: #00aaee;
                border-bottom: 2px solid #00aaee;
            }
        }
        &.active {
            a {
                color: #00aaee;
                border-bottom: 2px solid #00aaee;
            }
        }
    } 
}


.comment-form-warp.form-disabled {
    padding: 15px;
    .comment-form {
        position: relative;
    }
    .comment-textarea {
        border: 1px solid #dcdee2;
        border-radius: 3px;
        width: 100%;
        opacity: 1;
        cursor: not-allowed;
        color: #ccc;
    }
    .comment-textarea[disabled] {
        background-color: #f3f3f3;
        opacity: 1;
        cursor: not-allowed;
        color: #ccc;
    }
    .comment-form-info {
        position: absolute;
        margin: 0;
        top: 39px;
        width: 100%;
        text-align: center;
        font-size: 14px;
    }
}
.article-comments {
    padding: 15px 0!important;
    .comments {
        padding-left: 0;
        margin-bottom: 0;
        .comment-item {
            padding: 10px 15px 0 15px;
            list-style: none;
            &.comment-none {
                background-color: #F9F9F9;
            }
            .comment-img {
                width: 32px;
                float: left;
                height: 32px;
                display: block;
                position: relative;
                img {
                    border-radius: 50% !important;
                    width: 100%;
                    height: 100%;
                }
            }
            .comment-body {
                padding-bottom: 10px;
                margin-left: 47px;
                position: relative;
                border-bottom: 1px dashed #efefef;
                .comment-info {
                    .comment-author {
                        display: inline-block;
                        margin: 0px 0px 5px 0;
                        color:#060606; 
                        font-weight: 500;
                    }
                    .comment-date {
                        float: right;    
                        display: inline-block;
                        margin-top: 5px;
                        font-size: 12px;
                        color:#BABABA;
                    }
                }
                .comment-details {
                    margin:10px 0px 0px 0; 
                    .comment-actions {
                        display: none;
                        list-style: none;
                        margin: 0;
                        padding: 0;
                        float: right;
                        > li {
                            float: left;
                            padding: 0 5px;
                            margin: 0;
                        }
                    }
                }
            }
            .comment-reply {
                padding-left: 47px;
            }
            &:hover {
                .comment-body {
                    .comment-details {
                        .comment-actions {
                            display: inline-block;
                        }
                    }
                }
            }
        }
    }
       
    .comments-list {
        margin-top: 10px;
        margin-left: 47px;
        background-color: #fcfcfc;
        border-radius: 3px;
    }
}



.product-item {
    box-shadow: 0 0 16px #ccc;
    border-radius: 4px;
    background-color: #fff;
    .item-link {
        display: block;
        width: 100%;
        height: 178px;
        img {
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            max-width: 100%;
            height: 100%;
            width: 100%;
        }
    }
    .item-title {
        margin-bottom: 5px;
        font-size: 16px;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        word-break: break-all;
    }
    .item-body {
        padding: 15px;
        .item-money {
            float: right;
            color: #ff6600;
        }
    }
}
.product-detail {
    .detail-img {
        width: 100%;
        height: 0;
        padding-bottom: 50.86%;
        position: relative;
        img {   
            width: 100%;
            height: 100%;
            position: absolute;
        }
    }
    p {
        color: #909090;
    }
    .detail-price {
        color: #ff0036;
        height: 60px;
        line-height: 60px;
        font-weight: 500;
        padding-left: 20px;
        background-image: url();
        .detail-price-param {
            font-size: 18px;
        }
        .detail-price-num {
            font-size: 30px;
        }
        .detail-price-free {
            color: #3b8c26;
        }
    }
    .detail-buy {
        padding-left: 15px;
        padding-right: 15px;
    }
}



.friend-link {
    text-align: center;
    margin-bottom: 15px;
    text-align: center;
    ul {
        overflow: hidden;
        list-style: none;
        padding: 0;
        display: inline-block;
        li {
            float: left;
            margin: 0 5px;
        }
    }
}




 


 .mini-pages-item {
     display: inline-block;
 }
 .mini-pages-btn {
    border: 0;
    background-color: transparent;
    cursor: pointer;
    margin: 0;
    min-width: 24px;
    padding: 0 10px;
    height: 24px;
    line-height: 24px;
    border-radius: 3px;
    font-size: 14px;
 }
 .mini-pages-btn.active {
    color: #00aaee;
 }
 
 
.publish-edit .simditor-body {
    height: 350px;
    overflow: auto;
}















 